<template>
    <!--有且仅有一个根节点-->
      <div>
        <ul class="nav nav-tabs">
          <li role="presentation" class="active"><router-link to="/Home">首页</router-link></li>
          <li role="presentation" class="active"><router-link to="/product">商品</router-link></li>

        </ul>
        <hr>
        <h1>{{myTitle}}</h1>
        <button style="color:red;" @click="btnFun">{{title}}</button>
        <button @click="MyBtnFun('子组件的数据，传递给父组件')">子传父</button>
      </div>
</template>

<script>
    export default {
        name: "MyContent",
        //props:["myTitle"],//声明父组件传递的数据的属性名
      props:{
        "myTitle":{
          required:true,//是否必须
          default:"hello",//默认值
          type:String
        },
        MyBtnFun:{
          type:Function //函数
        }
      } ,
      data:function(){
          return {"title":"点我啊"};
        },
         methods:{
          btnFun(){
            alert('hello world！！');
          }
      }
    }
</script>

<style scoped>

</style>
